
<!-- saved from url=(0047)http://trentrichardson.com/examples/timepicker/ -->
<html><body><div class="webkit-line-gutter-backdrop"></div><table><tbody><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-doctype">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</span>  </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;html <span class="webkit-html-attribute-name">lang</span>="<span class="webkit-html-attribute-value">en</span>" <span class="webkit-html-attribute-name">xmlns</span>="<span class="webkit-html-attribute-value">http://www.w3.org/1999/xhtml</span>"&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;head&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;meta <span class="webkit-html-attribute-name">http-equiv</span>="<span class="webkit-html-attribute-value">Content-Type</span>" <span class="webkit-html-attribute-name">content</span>="<span class="webkit-html-attribute-value">text/html; charset=UTF-8</span>" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;title&gt;</span>Adding a Timepicker to jQuery UI Datepicker<span class="webkit-html-tag">&lt;/title&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;meta <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">Description</span>" <span class="webkit-html-attribute-name">content</span>="<span class="webkit-html-attribute-value">jQuery Timepicker Addon.  Add a timepicker to your jQuery UI Datepicker.  With options to show only time, format time, and much more.</span>" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;meta <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">Keywords</span>" <span class="webkit-html-attribute-name">content</span>="<span class="webkit-html-attribute-value">jQuery, UI, datepicker, timepicker, datetime, time, format</span>" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;link <span class="webkit-html-attribute-name">rel</span>="<span class="webkit-html-attribute-value">stylesheet</span>" <span class="webkit-html-attribute-name">media</span>="<span class="webkit-html-attribute-value">all</span>" <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/css</span>" <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="http://trentrichardson.com/examples/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css">css/ui-lightness/jquery-ui-1.8.16.custom.css</a>" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;style <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/css</span>"&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,dl,dt,dd,pre,blockquote,fieldset,label{</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				margin:0;</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				padding:0;</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				border:0;</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			}</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			body{ background-color: #363531; border-top: solid 4px #C60; font: 90% Arial, Helvetica, sans-serif; padding: 20px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			h1,h2{ margin: 10px 0; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			p{ margin: 10px 0; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			pre{ padding: 20px; background-color: #ffffcc; border: solid 1px #fff; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.wrapper{ background-color: #ffffff; width: 800px; border: solid 1px #eeeeee; padding: 20px; margin: 0 auto; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.example-container{ background-color: #f4f4f4; border-bottom: solid 2px #777777; margin: 0 0 40px 0; padding: 20px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.example-container p{ font-weight: bold; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.example-container &gt; dl dt{ font-weight: bold; height: 20px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.example-container &gt; dl dd{ margin: -20px 0 10px 100px; border-bottom: solid 1px #fff; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.example-container input{ width: 150px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.clear{ clear: both; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			#ui-datepicker-div, .ui-datepicker{ font-size: 80%; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			/* css for timepicker */</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.ui-timepicker-div dl { text-align: left; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.ui-timepicker-div td { font-size: 90%; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/style&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;script <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/javascript</span>" <span class="webkit-html-attribute-name">src</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="http://trentrichardson.com/examples/timepicker/js/jquery-1.7.1.min.js">js/jquery-1.7.1.min.js</a>"&gt;</span><span class="webkit-html-tag">&lt;/script&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;script <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/javascript</span>" <span class="webkit-html-attribute-name">src</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="http://trentrichardson.com/examples/timepicker/js/jquery-ui-1.8.16.custom.min.js">js/jquery-ui-1.8.16.custom.min.js</a>"&gt;</span><span class="webkit-html-tag">&lt;/script&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;script <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/javascript</span>" <span class="webkit-html-attribute-name">src</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js">js/jquery-ui-timepicker-addon.js</a>"&gt;</span><span class="webkit-html-tag">&lt;/script&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;script <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/javascript</span>" <span class="webkit-html-attribute-name">src</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="http://trentrichardson.com/examples/timepicker/js/jquery-ui-sliderAccess.js">js/jquery-ui-sliderAccess.js</a>"&gt;</span><span class="webkit-html-tag">&lt;/script&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;script <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/javascript</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			$(function(){</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				$('.example-container &gt; pre').each(function(i){</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">					eval($(this).text());</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/script&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/head&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;body&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">wrapper</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;h1&gt;</span>Adding a Timepicker to jQuery UI Datepicker<span class="webkit-html-tag">&lt;/h1&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker and slider components (jQueryUI) are required for using any of these.  In addition all datepicker options are still available through the timepicker addon.<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>If you are interested in contributing to Timepicker Addon please <span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://github.com/trentrichardson/jQuery-Timepicker-Addon">http://github.com/trentrichardson/jQuery-Timepicker-Addon</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">Check out Timepicker on GitHub</span>"&gt;</span>check it out on GitHub<span class="webkit-html-tag">&lt;/a&gt;</span>.  If you do make additions please keep in mind I enjoy tabs over spaces,.. But contributions are welcome in any form.<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span><span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://trentrichardson.com/">http://trentrichardson.com</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">Back to Blog</span>"&gt;</span>Back to Blog<span class="webkit-html-tag">&lt;/a&gt;</span> or <span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://twitter.com/practicalweb">http://twitter.com/practicalweb</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">Follow Me on Twitter</span>"&gt;</span>Twitter<span class="webkit-html-tag">&lt;/a&gt;</span><span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-comment">&lt;!-- &lt;a href="http://carbounce.com" title="Car Bounce - Keep track of your car's financing and value"&gt;&lt;img src="http://trentrichardson.com/wp-content/uploads/2012/01/carbounce_promo.png" alt="Car Bounce" /&gt;&lt;/a&gt; --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://carbounce.com/">http://carbounce.com</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">Car Bounce</span>" <span class="webkit-html-attribute-name">style</span>="<span class="webkit-html-attribute-value">display: inline-block;width:380px;padding: 10px;background-color: #fbfbfb;border: dotted 4px #e8e8e8;color: #9EC45F;font-size: 16px;text-decoration:none;letter-spacing:1px;</span>"&gt;</span><span class="webkit-html-tag">&lt;img <span class="webkit-html-attribute-name">src</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="http://carbounce.com/img/logo_small.png">http://carbounce.com/img/logo_small.png</a>" <span class="webkit-html-attribute-name">alt</span>="<span class="webkit-html-attribute-value">Car Bounce</span>" <span class="webkit-html-attribute-name">align</span>="<span class="webkit-html-attribute-value">left</span>" <span class="webkit-html-attribute-name">style</span>="<span class="webkit-html-attribute-value">margin-right: 20px;</span>"/&gt;</span>Try my new app to keep you informed of your car's financing status and value.<span class="webkit-html-tag">&lt;/a&gt;</span>	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;h2&gt;</span>Download<span class="webkit-html-tag">&lt;/h2&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span><span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js">js/jquery-ui-timepicker-addon.js</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">Download Timepicker Addon</span>"&gt;</span>Download Timepicker Addon<span class="webkit-html-tag">&lt;/a&gt;</span><span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span><span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://github.com/trentrichardson/jQuery-Timepicker-Addon">http://github.com/trentrichardson/jQuery-Timepicker-Addon</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">Check out Timepicker on GitHub</span>"&gt;</span>Download/Contribute on GitHub<span class="webkit-html-tag">&lt;/a&gt;</span> (Find a bug? See if its fixed here)<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>There is a small bit of required CSS:<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">/* css for timepicker */</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">.ui-timepicker-div dl { text-align: left; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">.ui-timepicker-div td { font-size: 90%; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;h2&gt;</span>Donation<span class="webkit-html-tag">&lt;/h2&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>Has this Timepicker Addon been helpful to you?<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">donation</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				<span class="webkit-html-tag">&lt;form <span class="webkit-html-attribute-name">action</span>="<span class="webkit-html-attribute-value">https://www.paypal.com/cgi-bin/webscr</span>" <span class="webkit-html-attribute-name">method</span>="<span class="webkit-html-attribute-value">post</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">hidden</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">cmd</span>" <span class="webkit-html-attribute-name">value</span>="<span class="webkit-html-attribute-value">_s-xclick</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">hidden</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">hosted_button_id</span>" <span class="webkit-html-attribute-name">value</span>="<span class="webkit-html-attribute-value">C2QQHR7JQGD28</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">image</span>" <span class="webkit-html-attribute-name">src</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif">https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif</a>" <span class="webkit-html-attribute-name">border</span>="<span class="webkit-html-attribute-value">0</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">submit</span>" <span class="webkit-html-attribute-name">alt</span>="<span class="webkit-html-attribute-value">PayPal - The safer, easier way to pay online!</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				<span class="webkit-html-tag">&lt;img <span class="webkit-html-attribute-name">alt</span>="" <span class="webkit-html-attribute-name">border</span>="<span class="webkit-html-attribute-value">0</span>" <span class="webkit-html-attribute-name">src</span>="<a class="webkit-html-attribute-value webkit-html-resource-link" target="_blank" href="https://www.paypal.com/en_US/i/scr/pixel.gif">https://www.paypal.com/en_US/i/scr/pixel.gif</a>" <span class="webkit-html-attribute-name">width</span>="<span class="webkit-html-attribute-value">1</span>" <span class="webkit-html-attribute-name">height</span>="<span class="webkit-html-attribute-value">1</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				<span class="webkit-html-tag">&lt;/form&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;h2&gt;</span>Some Examples<span class="webkit-html-tag">&lt;/h2&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Add a simple timepicker to jQuery UI's datepicker<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	 		<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example1</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example1</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example1').datetimepicker();</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Show time in AM/PM 12 hour format<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example2</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example2</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example2').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	ampm: true</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Show only the time picker without date picker<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example3</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example3</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example3').timepicker({});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Change the format (default is "hh:mm tt")<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>h<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Hour with no leading 0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>hh<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Hour with leading 0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>m<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Minute with no leading 0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>mm<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Minute with leading 0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>s<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Second with no leading 0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>ss<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Second with leading 0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>l<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Milliseconds always with leading 0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>t<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>a or p for AM/PM<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>T<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>A or P for AM/PM<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>tt<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>am or pm for AM/PM<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>TT<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>AM or PM for AM/PM<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Also related to your timeFormat, but not required, is the separator option<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>separator<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Place holder between date and time, default=" "<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example4</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example4</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example4').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeFormat: 'h:m',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	separator: ' @ '</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Show Seconds, Minutes, or Hours<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>showHour<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Show the hour, default=true<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>showMinute<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Show the minute, default=true<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>showSecond<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Show the second, default=false<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>showMillisec<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>Show the millisecond, default=false<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example5</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example5</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example5').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	showSecond: true,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	showMillisec: true,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeFormat: 'hh:mm:ss:l'</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Hours, Minutes, Seconds in steps<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>stepHour<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>hour steps, default=0.05 (for smooth, 1 would jump to each hour)<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>stepMinute<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>minute steps, default=0.05<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>stepSecond<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>second steps, default=0.05<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>stepMillisec<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>second steps, default=0.5<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example6</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example6</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example6').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	showSecond: true,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeFormat: 'hh:mm:ss',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	stepHour: 2,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	stepMinute: 10,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	stepSecond: 10</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Default Hours, Minutes, Seconds<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>hour<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>minute<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>second<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>millisec<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example7</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example7</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example7').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	hour: 13,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	minute: 15</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Set the time range.  For instance if you only want to allow the user to choose times between 8AM and 5PM.<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>hourMin<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>hourMax<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=23<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>minuteMin<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>minuteMax<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=59<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>secondMin<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>secondMax<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=59<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>millisecMin<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>millisecMax<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=999<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example8</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example8</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example8').timepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	ampm: true,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	hourMin: 8,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	hourMax: 16</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>There is also localization support.  Read up on <span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://docs.jquery.com/UI/Datepicker/Localization">http://docs.jquery.com/UI/Datepicker/Localization</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">localization for datepicker</span>" <span class="webkit-html-attribute-name">target</span>="<span class="webkit-html-attribute-value">_BLANK</span>"&gt;</span>localization for datepicker<span class="webkit-html-tag">&lt;/a&gt;</span> for adding support for more languages.  There are a few new definitions you will need to add to your language file:<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>timeOnlyTitle<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Choose Time"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>timeText<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Time"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>hourText<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Hour"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>minuteText<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Minute"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>secondText<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Second"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>millisecText<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Milliecond"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>currentText<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Now"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>closeText<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default="Done"<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>ampm<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=false (true/false, Some regions do use this, some don't)<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Or optionally you may add them as options as shown below with Russian.<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example9</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example9</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example9').timepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeOnlyTitle: 'Выберите время',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeText: 'Время',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	hourText: 'Часы',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	minuteText: 'Минуты',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	secondText: 'Секунды',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	currentText: 'Теперь',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	closeText: 'Закрыть'</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">documentation</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>The first approach (as documented in the datepicker documentation and mentioned above) is to create your own regional objects per region, then use the setDefaults method to tie these together.  Setting datepicker and timepicker regionals separtely will help ensure proper wording when only using datepicker or timepicker.  Here is an example:<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$.datepicker.regional['ru'] = {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	closeText: 'Закрыть',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	prevText: '&amp;#x3c;Пред',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	nextText: 'След&amp;#x3e;',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	currentText: 'Сегодня',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	'Июл','Авг','Сен','Окт','Ноя','Дек'],</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	weekHeader: 'Не',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	dateFormat: 'dd.mm.yy',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	firstDay: 1,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	isRTL: false,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	showMonthAfterYear: false,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	yearSuffix: ''</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">};</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$.datepicker.setDefaults($.datepicker.regional['ru']);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$.timepicker.regional['ru'] = {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeOnlyTitle: 'Выберите время',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeText: 'Время',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	hourText: 'Часы',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	minuteText: 'Минуты',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	secondText: 'Секунды',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	millisecText: 'миллисекунды',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	currentText: 'Теперь',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	closeText: 'Закрыть',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	ampm: false</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">};</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$.timepicker.setDefaults($.timepicker.regional['ru']);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>To show numbered grids under the sliders you may use the following options:<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>hourGrid<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>minuteGrid<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>secondGrid<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>millisecGrid<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>default=0<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>When using ampm option hours will be displayed with an "a" or "p": 04a, 12p, etc...<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example10</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example10</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example10').timepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	hourGrid: 4,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	minuteGrid: 10</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>When showing more than one month:<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example11</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example11</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example11').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	numberOfMonths: 3</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>With minDate and maxDate datepicker options:<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example12</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example12</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example12').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	numberOfMonths: 2,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	minDate: 0,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	maxDate: 30</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Get and Set Datetime:<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example13</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example13</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;button <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example13_setdt</span>" <span class="webkit-html-attribute-name">value</span>="<span class="webkit-html-attribute-value">1</span>"&gt;</span>Set Datetime<span class="webkit-html-tag">&lt;/button&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;button <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example13_getdt</span>" <span class="webkit-html-attribute-name">value</span>="<span class="webkit-html-attribute-value">1</span>"&gt;</span>Get Datetime<span class="webkit-html-tag">&lt;/button&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">var ex13 = $('#example13');</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">ex13.datetimepicker();</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example13_setdt').click(function(){</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	ex13.datetimepicker('setDate', (new Date()) );</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example13_getdt').click(function(){</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	alert(ex13.datetimepicker('getDate'));</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Use the datepicker minDate/maxDate options: (note: these must use Date objects)<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example14</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example14</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example14').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	minDate: new Date(2010, 11, 20, 8, 30),</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	maxDate: new Date(2010, 11, 31, 17, 30)</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Connect to the onSelect event (Use your browser's js console for this example).<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example15</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example15</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example15').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	showSecond: true,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	showMillisec: true,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	timeFormat: 'hh:mm:ss:l',</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	onSelect: function(dateText, inst){</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		if(window.console)</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			console.log(dateText);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	}</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Create a datetime range with a start and end date.<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example16_start</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example16_start</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span> <span class="webkit-html-tag">&lt;input <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text</span>" <span class="webkit-html-attribute-name">name</span>="<span class="webkit-html-attribute-value">example16_end</span>" <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example16_end</span>" <span class="webkit-html-attribute-name">value</span>="" /&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example16_start').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    onClose: function(dateText, inst) {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        var endDateTextBox = $('#example16_end');</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        if (endDateTextBox.val() != '') {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            var testStartDate = new Date(dateText);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            var testEndDate = new Date(endDateTextBox.val());</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            if (testStartDate &gt; testEndDate)</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">                endDateTextBox.val(dateText);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        else {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            endDateTextBox.val(dateText);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    },</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    onSelect: function (selectedDateTime){</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        var start = $(this).datetimepicker('getDate');</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        $('#example16_end').datetimepicker('option', 'minDate', new Date(start.getTime()));</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example16_end').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    onClose: function(dateText, inst) {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        var startDateTextBox = $('#example16_start');</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        if (startDateTextBox.val() != '') {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            var testStartDate = new Date(startDateTextBox.val());</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            var testEndDate = new Date(dateText);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            if (testStartDate &gt; testEndDate)</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">                startDateTextBox.val(dateText);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        else {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">            startDateTextBox.val(dateText);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    },</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    onSelect: function (selectedDateTime){</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        var end = $(this).datetimepicker('getDate');</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">        $('#example16_start').datetimepicker('option', 'maxDate', new Date(end.getTime()) );</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">    }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Use the <span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/">http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">jQueryUI Slider Accessibility Addon</span>"&gt;</span>sliderAccess addon<span class="webkit-html-tag">&lt;/a&gt;</span> to allow timepicker sliders to work on touch devices.<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example17</span>"&gt;</span><span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example17').datetimepicker({</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	addSliderAccess: true,</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	sliderAccessArgs: { touchonly: false }</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">});</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-comment">&lt;!-- ============= example --&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">class</span>="<span class="webkit-html-attribute-value">example-container</span>"&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;p&gt;</span>Use the utility function to format your own time. $.datepicker.formatTime(format, time, options)<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>format<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>required - string represenation of the time format to use<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>time<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>required - hash: { hour, minute, second, millisecond, timezone }<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;dt&gt;</span>options<span class="webkit-html-tag">&lt;/dt&gt;</span><span class="webkit-html-tag">&lt;dd&gt;</span>optional - hash of any options in regional translation (ampm, amNames, pmNames..)<span class="webkit-html-tag">&lt;/dd&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/dl&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;div <span class="webkit-html-attribute-name">id</span>="<span class="webkit-html-attribute-value">example18</span>"&gt;</span><span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">$('#example18').text(</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	$.datepicker.formatTime('hh:mm z', { hour: 14, minute: 36, timezone: '+2000' }, { ampm: false })</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">);</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/pre&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;h2&gt;</span>Version<span class="webkit-html-tag">&lt;/h2&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>Version 0.9.9<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>Last updated on 02/05/2012<span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span>jQuery Timepicker Addon is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly. <span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span><span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://trentrichardson.com/Impromptu/GPL-LICENSE.txt">http://trentrichardson.com/Impromptu/GPL-LICENSE.txt</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">GPL License</span>"&gt;</span>GPL License<span class="webkit-html-tag">&lt;/a&gt;</span><span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">			<span class="webkit-html-tag">&lt;p&gt;</span><span class="webkit-html-tag">&lt;a <span class="webkit-html-attribute-name">href</span>="<a class="webkit-html-attribute-value webkit-html-external-link" target="_blank" href="http://trentrichardson.com/Impromptu/MIT-LICENSE.txt">http://trentrichardson.com/Impromptu/MIT-LICENSE.txt</a>" <span class="webkit-html-attribute-name">title</span>="<span class="webkit-html-attribute-value">MIT License</span>"&gt;</span>MIT License<span class="webkit-html-tag">&lt;/a&gt;</span><span class="webkit-html-tag">&lt;/p&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">				</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	 	<span class="webkit-html-tag">&lt;/div&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	 	<span class="webkit-html-tag">&lt;script <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/javascript</span>"&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;/script&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		<span class="webkit-html-tag">&lt;script <span class="webkit-html-attribute-name">type</span>="<span class="webkit-html-attribute-value">text/javascript</span>"&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		try {</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		var pageTracker = _gat._getTracker("UA-7602218-1");</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		pageTracker._trackPageview();</td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">		} catch(err) {}<span class="webkit-html-tag">&lt;/script&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content">	<span class="webkit-html-tag">&lt;/body&gt;</span> </td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"><span class="webkit-html-tag">&lt;/html&gt;</span></td></tr><tr><td class="webkit-line-number"></td><td class="webkit-line-content"></td></tr></tbody></table></body></html>